<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="UTF-8">
        <title>v-cloak</title>
        <!-- css样式 -->
        <style>
            /* 为属性定义样式 */
            [v-cloak]{
                /*  */
                display: none;
            }
        </style>
    </head>
    <body>
        <!-- v-cloak:当编译结束时, v-cloak将失去效果 -->
        <div id="app" v-cloak>
            <h2>{{hello}}</h2>
        </div>

        <!-- 引入vue文件 -->
        <script src="../js/vue.js"></script>
        <!-- 编写vue -->
        <script>
            const app = new Vue({
                // 标识VUE对象的作用范围
                el : "#app", // 定位
                // 定义数据对象, 语法: key:value,key2:value2
                data : {
                    hello : "zhouxlovezz"
                }
            })
        </script>
    </body>
</html>